@charset 'utf-8';
/* ---------- reset ---------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}
#content {
    padding-top: 105px;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0;}
body,button,input,textarea,select{font: 625% Arial,'microsoft yahei',Helvetica,sans-serif;-webkit-font-smoothing: antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400; }
table {border-collapse: collapse; border-spacing: 0 }
ol, ul, li {list-style: none; }
img {border: 0 none ;}
i,em{ font-style: normal; }
input,select,textarea {font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 400 }
a {cursor: pointer;}
a:hover {text-decoration: underline;}
:focus {outline: 0 }

::selection{background:#3e4f65; color:white;transition: all .3s;}
::-moz-selection{background:#3e4f65; color:white;transition: all .3s;}
::-webkit-selection{background:#3e4f65; color:white;transition: all .3s;}

/* ---------- common ---------- */
html {color: #333; background: #fff }
.w1200{ width:69.65vw; margin:0 auto;}
.fl{ float: left;}
.fr{ float: right; }
.ta-c{ text-align: center!important;}
.ta-l{ text-align: left!important; }
.ta-r{ text-align: right!important; }
.black {color: #333!important }
.white{ color: #fff!important }
.green {color: #98ba2a!important }
.red {color: #e01d20!important }
.blue {color: #00f!important }
.skyblue{ color: #3DBAF7!important }
.honor-blue {color: #00b5e2!important }
.gray {color: #c0c0c0!important }
.yellow {color: #ff0!important } 
.bg-blue{ background-color: #3DBAF7!important; }
.bold {font-weight: 700!important }
.hide,
.hidden {display: none!important }
.show {display: block!important }
.relative{ position: relative!important; }
.absolute{ position: absolute!important; }
.fixed{ position: fixed; }
.fcn {font-family: \5b8b\4f53 }
.inline-block {display: inline-block; *zoom:1;*display: inline }
.clearfix:before,
.clearfix:after {content: " "; display: table }
.clearfix:after {clear: both }
.clearfix {*zoom:1}
.container{ width: 69.65vw; margin: 0 auto; }
.container:before,
.container:after {content: " "; display: table }
.container:after {clear: both }
.container {*zoom:1}

.ftx01{ color:#2378d4;}
.ftx02{ color:#b74506 !important;}
.ftx03{ color:#ec5051;}

a.ftx01:hover{ color:#ec5051;}

.btn_red{ background-color:#f42424 !important;}
.btn_red:hover{ background-color:#ec5051 !important;}

/*commen*/
.f12 {font-size: 12px }
.f14 {font-size: 14px }
.f16 {font-size: 16px }
.f18 {font-size: 18px }
.f20 {font-size: 20px }
.f24 {font-size: 24px } 
.f26 {font-size: 26px } 
.f30 {font-size: 30px } 
.mt0{ margin-top: 0!important; }
.mt30{ margin-top: 30px!important; }
.mt75{ margin-top: 75px!important; }
.mb0{ margin-bottom: 0!important; }
.mb10{ margin-bottom: 10px!important; }
.mb12{ margin-bottom: 12px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb80{ margin-bottom: 80px!important; }
.ml30{ margin-left: 30px!important; }
.ml50{ margin-left: 50px!important; }
.ml80{ margin-left: 80px!important; }
.pd30{ padding: 30px; }
.pt0{ padding-top: 0!important; }
.pt30{ padding-top: 30px!important; }
.pt100{ padding-top: 100px!important; }
.pb0{ padding-bottom: 0!important; }
.pb30{ padding-bottom: 30px!important; }
.pb40{ padding-bottom: 40px!important; }
.pb50{ padding-bottom: 50px!important; }
.pb80{ padding-bottom: 80px!important; }
.pb100{ padding-bottom: 100px!important; }
.ov-h{ overflow: hidden; }

/*base*/
/* body{ overflow-x: hidden; min-width: 1320px;} */
a{ color: #333; text-decoration: none; }
a:hover{ text-decoration: none; color: #3e4f65;}
.m-color{ color: #3e4f65; }
.btn-red{ width: 130px; height: 40px; line-height: 40px; background: url(../images/button-red.png) no-repeat left top; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-red:hover{ background-position: right top; color: #fff; }
.btn-red2{ transition: all .2s; font-size: 16px; color: #fff; width: 130px; height: 40px; background: #ED3C3F; display: inline-block; vertical-align: middle; border-radius: 5px; text-align: center; line-height: 40px; margin-left: 4px; margin-right: 4px;}
.btn-red2:hover{ background: #e02629; color: #fff; }
.btn-line{ transition: all .2s; height: 38px; width: 128px; border: 1px solid #fff; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-line:hover{ background: #fff; }
.btn-line2{ transition: all .2s; height: 38px; width: 128px; border: 1px solid #fd7977; color: #fd7977; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-line2:hover{ background: #fd7977;color: #fff }
.btn-line-big{ width: 178px; height: 48px; line-height: 48px; font-size: 18px;}
.btn-red-shadow{ background: url(../images/button-red-a.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-red-shadow:hover{ color:#fff; background-position: right top; }
.btn-blue-shadow{ background: url(../images/button-blue.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-blue-shadow:hover{ color:#fff; background-position: right top; }
.btn-black-shadow{ background: url(../images/button-black.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-black-shadow:hover{ color:#fff; background-position: right top; }
.btn-green-shadow{ background: url(../images/button-green.png) no-repeat left top; font-size: 18px; width: 200px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-green-shadow:hover{ color:#fff; background-position: right top; }
.btn-green-shadow-s{ background: url(../images/button-green-s.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-green-shadow-s:hover{ color:#fff; background-position: right top; }
.section-title{ text-align: center; padding-top: 52px; margin-bottom: 58px;}
.section-title h2{ font-size: 36px; color: #333; margin-bottom: 40px;}
.section-title p{ font-size: 16px; color: #95989d; }
.section-title .crown{ font-size: 24px; background: url(../images/02-img1.png) no-repeat center bottom; padding-bottom: 13px; margin-bottom: 10px;}
.section-title.white h2{ color: #fff; }
.section-title.white p{ color: #fff; }
.mod-line-bg{background: url(../images/line-bg.jpg) repeat-y left top; background-size: 100%; color: #fff;}

/*head*/
.header{ border-bottom: 1px solid #e0e0e0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: #fff; font-size: 14px;}
.header-padding{ height: 80px; display: block; }
.header .hd_logo{ width: 12.54vw; height: 6.09vw; margin-top: 23px; background: url(../images/feibao-log.jpg) no-repeat;background-size: cover;}
.header .hd_nav{ float: left; margin-left: 48px;}
.header .hd_nav .nav_item{ float: left; }
.header .hd_nav .nav-link{ line-height: 79px; display: block; padding: 0 25px; position: relative;}
.header .hd_nav .current .nav-link{ color: #3e4f65; }
.header .hd_nav .nav_item.current .nav-link:after,
.header .hd_nav .nav_item:hover .nav-link-show:after{ content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 1.5px; background: #3e4f65; }
.header .hd_nav .nav-slide{ position: absolute;z-index: -1; left: 0; right: 0; top: 80px; background: #fff; overflow: hidden;}
.header .hd_nav .nav-slide .i-hot,
.header .hd_nav .nav-slide .i-new{ width: 40px; height: 19px; display: inline-block; vertical-align: sub; margin-left: 5px;}
.header .hd_nav .nav-slide .i-hot{ background: url(../images/menu-hot.gif) no-repeat; }
.header .hd_nav .nav-slide .i-new{ background: url(../images/menu-new.gif) no-repeat; }
.header .hd_nav .ns-list{ margin-top: -100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(1,0,0,1); -moz-transition-timing-function: cubic-bezier(1,0,0,1); transition-timing-function: cubic-bezier(1,0,0,1);}
.header .hd_nav .ns-list:after{ content: ""; display: block; height: 20px; }
.header .hd_nav .nav_item:hover .nav-slide{ box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.header .hd_nav .nav_item:hover .ns-list{margin-top: 0; opacity: 1; -webkit-transition: margin-top 0.5s ease; -moz-transition: margin-top ease 0.5s; transition: margin-top 0.5s ease;}
.header .hd_nav .ns-list dl{ float: left; width:250px; margin: 30px 50px 30px 0;}
.header .hd_nav .ns-list dt{ font-size: 18px; line-height: 60px; border-bottom: 1px solid #DCDCDC; margin-bottom: 16px; margin-right: 30px;}
.header .hd_nav .ns-list dd{ line-height: 32px; }
.header .hd_nav .ns-list .dl-block{ float: none; width: 100%; margin: 10px 0 30px 0;  }
.header .hd_nav .ns-list .dl-block dt{ width: 190px; }
.header .hd_nav .ns-list .dl-block dd{ overflow: hidden; }
.header .hd_nav .ns-list .dl-block dd a{ float: left; margin-right: 40px; padding: 10px 0;}
.header .hd_nav .ns-list .dl-block dd a:hover{ color: #3e4f65; }
.header .hd_nav .ns-recommend{ background: #F4F4F4; padding: 20px 0;}
.header .hd_nav .nr-hd{ float: left; width: 73px; height: 30px; line-height: 30px; padding-left: 10px; background: url(../images/menu-jt.png) no-repeat; color: #fff;}
.header .hd_nav .nr-list{ margin-left: 85px; }
.header .hd_nav .nr-list li{ float: left; line-height: 30px; margin: 0 20px;}
.header .hd_nav .ns-list .links{ padding: 30px 0; }
.header .hd_nav .ns-list .links a{ float: left; margin-right: 40px; }
.header .hd_nav .ns-list .links a:hover{ color: #3e4f65; }
.header .hd_nav .ns-list .service-box{ float: left; margin-top: 43px;}
.header .hd_nav .ns-list .service-box p{ font-size: 16px; color: #888888; line-height: 36px;}
.header .hd_nav .ns-list .service-box p span{ color: #333; }
.header .hd_nav .ns-list .service-box a{ width: 130px; height: 36px; line-height: 36px; text-align: center; margin-top: 10px; border: 1px solid #DCDCDC; display: block; color: #3e4f65 }
.header .hd_extra{ float: right; margin-top: 19px;}
.header .hd_extra .elink{ float: left; padding: 0 9px; line-height: 40px;}
.header .hd_extra .elink:nth-child(2){ display: none; }
.header .hd_extra .elink i{ display: inline-block; width: 23px; height: 17px; margin-right: 5px;}
.header .hd_extra .elink i.i-cloud{ background: url(../images/top-icon-1.png) no-repeat center; vertical-align: middle;}
.header .hd_extra .elink i.i-bag{ background: url(../images/top-icon-2.png) no-repeat center; vertical-align: sub;}
.header .demo{ float: left; margin-left: 15px; position: relative;}
.header .demo-sub{ display: none; position: absolute;  top: 40px; right: 0; padding-top: 10px;}
.header .demo:hover .demo-sub{ display: block; }
.header .demo-sub .arrow{ position: absolute; right: 59px; top: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #ED3C3F;}
.header .demo-sub .inner{ width: 600px; height: 472px; border: 3px solid #ED3C3F; text-align: center; background: #fff;}
.header .demo-sub .title{ font-size: 32px; margin-bottom: 15px; margin-top: 20px;}
.header .demo-sub .subtitle{ font-size: 20px; margin-bottom: 10px;}
.header .demo-sub .subtitle.red{ color: #ED3C3F; }
.header .demo-sub .subtitle.blue{ color: #3DBAF7; }
.header .demo-sub .demo-table-wp{ padding: 0 30px; }
.header .demo-sub .demo-table{ width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 20px;}
.header .demo-sub .demo-table tr{ border: 1px solid #ddd; }
.header .demo-sub .demo-table th,
.header .demo-sub .demo-table td{ padding: 6px 14px; }
.header .demo-sub .demo-table td a{ color:#666;}
.header .demo-sub .demo-table td a:hover{ color:#ec5051;}
.header .demo-sub .qrcode-list{ padding: 0 50px; }
.header .demo-sub .qrcode-list li{ float: left; width: 25%; text-align: center; font-size: 14px;}
.header .demo-sub .qrcode-list li img{ width:98px; height:98px;}

/*foot*/
.footer{ color: #999; font-size: 14px; background: #fff;position: absolute;width: 100vw;}
.footer a{ color: #999; }
.footer a:hover{ color: #aaa; }
.footer .footer_service{ background: #272727; padding: 40px 0; }
.footer .footer_service li{ float: left; width: 300px; }
.footer .footer_service li i{ float: left; width: 50px; height: 50px; background: url(../images/bottom-icon.png) no-repeat;}
.footer .footer_service li.item-1 i{ background-position: 0 0; }
.footer .footer_service li.item-2 i{ background-position: -60px 0; }
.footer .footer_service li.item-3 i{ background-position: -120px 0; }
.footer .footer_service li.item-4 i{ background-position: -180px 0; }
.footer .footer_service li .text{ padding-left: 70px; }
.footer .footer_service li .text .h3{ font-size: 18px; color: #000; }
.footer .footer_link{ padding-top: 58px; overflow: hidden; border-bottom: 1px solid #353535; padding-bottom: 57px;}
.footer .footer_link .ft-help{ float: left; border-right: 1px solid #353535; width: 283px; padding-left: 60px; position: relative;}
.footer .footer_link .ft-help img{ width:96px}
.footer .footer_link .ft-help .i-service{ width: 42px; height: 44px; top: 5px; background: url(../images/bottom-kf.png) no-repeat; position: absolute; left: 0;}
.footer .footer_link .ft-help .bd-hot{ font-size: 24px; color: #000; margin-bottom: 14px;}
.footer .footer_link .ft-help .btn-service{ width: 100px; height: 30px; transition: all .2s; border: 1px solid #000; margin-bottom: 20px; text-align: center; line-height: 30px; display: block; color: #fff; }
.footer .footer_link .ft-help .btn-service:hover{ color: #222; background: #fff; }
.footer .ft-menu{ float: left; width: 850px; }
.footer .ft-menu .menu-list{ float: left; margin-left: 30px; }
.footer .ft-menu .menu-list dt{ font-size: 24px; color: #000; margin-bottom: 13px; }
.footer .ft-menu .menu-list a{ display: block; line-height: 30px; }
.footer .ft-menu .menu-1{ width: 170px; margin-left: 140px;}
.footer .ft-menu .menu-1 a{ float: left; width: 190px; }
.footer .ft-menu .menu-2{ width: 170px; }
.footer .ft-menu .menu-3{ width: 102px;  margin-left: 70px;}
/* .footer .ft-menu .menu-3 dd a:nth-child(2){ display: none; } */
.footer .footer_copy{ text-align: center; padding-bottom: 56px; padding-top: 43px;}
.footer .footer_copy p{ line-height: 2; color: #737373;}
.footer .footer_copy p span{ margin: 0 10px; }
.footer .ft-friend{ padding: 0 0 30px;}
.footer .ft-friend a{ margin: 0 20px; }
